@charset "utf-8";

/*
+------------------------------------------------------------------------------
* Reset Style 样式重置
+------------------------------------------------------------------------------
*/
html { margin:0; padding:0; border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline;}
article,aside,details,figcaption,figure,dialog,footer,header,hgroup,menu,nav,section { display:block;}
body { line-height:1.5; background:#FFF;}
table { border-collapse:separate; border-spacing:0;}
caption,th,td { text-align:left; font-weight:normal; float:none!important;}
table,th,td { vertical-align:middle;}
blockquote:before,blockquote:after,q:before,q:after { content:'';}
blockquote,q { quotes:"" "";}
a img { border:none;}
:focus { outline:0;}

/*
+------------------------------------------------------------------------------
* Base 基本样式
+------------------------------------------------------------------------------
*/
html { -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; font-size:100.01%;}
body { margin:0; line-height:18px; background-color:#FFF; color:#333; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif,\5b8b\4f53; font-size:12px;}
a { text-decoration:none;}
a:hover { text-decoration:underline;}
a:focus { outline:5px auto 0; outline-offset:-2px;}
a:hover,a:active { outline:0;}
img { -ms-interpolation-mode:bicubic; border:0; max-width:100%; vertical-align:middle;}

.clearfix { zoom:1;}
.clearfix:before,.clearfix:after { content:""; display:table;}
.clearfix:after { clear:both;}

.fl { float:left;}
.fr { float:right;}

.mt10 { margin-top:10px;}
.mr20 { margin-right:20px;}

.pl20 { padding-left:20px;}

/*
+------------------------------------------------------------------------------
* Frame 框架
+------------------------------------------------------------------------------
*/
.frame_wrap { position:relative; clear:both; margin:0 auto; width:100%; height:100%;}
.frame_header { position:absolute; top:0; right:0; left:0; height:50px; line-height:50px; background:url(../images/header_bg.png) repeat-x;}
.frame_sidebar { position:absolute; top:50px; bottom:0; left:0; width:200px; background:url(../images/sidebar_bg.png) repeat-y; overflow-y:auto;}
.frame_main { position:absolute; top:50px; right:0; bottom:0; left:200px;}

/*- IE7 Hack -*/
.frame_wrap { *padding:50px 0 0 0;}
.frame_header { *position:absolute; *top:0; *right:0; *bottom:0; *left:0; *margin-top:-50px; *height:50px;}
.frame_sidebar { *position:absolute; *top:0; *right:0; *bottom:0; *left:0; *float:left; *width:199px; *height:100%;}
.frame_main { *position:absolute; *top:0; *right:0; *bottom:0; *left:0; *margin-left:199px; *height:100%;}
.frame_main iframe { width:100%; height:100%;}

/* Frame Header */
.logo { float:left; width:300px; height:50px; background:url(../images/logo.png) no-repeat center;}
.frame_header span a { color:#999;}
.frame_header span a:hover { color:#FFF;}

/* Frame Sidebar */
.frame_sidebar ul,.frame_sidebar li { list-style:none;}
ul.sidebar_nav { clear:both; display:block; margin:0 auto; padding:10px;}
ul.sidebar_nav li { clear:both; padding:0 0 0 10px; line-height:20px; text-align:left;}
ul.sidebar_nav li a,ul.sidebar_nav li a:hover { color:#444;}
ul.sidebar_nav li:hover { background:#FFF;}

ul.nav_main { margin:0; padding:0;}
ul.nav_main li { clear:both; padding:0 0 0 10px; text-align:left;}

ul.nav_sub { margin:0; padding:0;}
ul.nav_sub li { clear:both; padding:0 0 0 10px; text-align:left;}

.current { border-left:3px solid #2CA3DE; font-weight:700;}

ul.sidebar_nav li.current a,ul.sidebar_nav li.current a:hover,ul.nav_main li.current a,ul.nav_main li.current a:hover,ul.nav_sub li.current a,ul.nav_sub li.current a:hover { color:#2CA3DE;}

/* Frame Main */
.page_wrap { clear:both; margin:0 auto; padding:20px; height:100%; font:14px/180%  \5FAE\8F6F\96C5\9ED1,\5b8b\4f53;}

/*
+------------------------------------------------------------------------------
* Typography 页面元素排版
+------------------------------------------------------------------------------
*/
button,input,select,textarea { font-size:100%; margin:0; vertical-align:middle;}
button,input { line-height:normal; overflow:visible;}
textarea { height:auto; overflow:auto; vertical-align:top;}

/* H1-H6 */
h1,h2,h3,h4,h5,h6 { color:#222; font-weight:700; margin:0;}
h1 { font-size:30px; line-height:36px;}
h2 { font-size:24px; line-height:36px;}
h3 { font-size:18px; line-height:27px;}
h4,h5,h6 { line-height:18px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { color:#999; font-size:11px; text-transform:uppercase;}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small { color:#999; font-weight:400;}
h1 small { font-size:18px;}
h2 small { font-size:18px;}
h3 small { font-size:14px;}
h4 small { font-size:12px;}

.page_header { margin:18px 0; padding-bottom:17px; border-bottom:1px solid #EEE;}
.page_header h1 { line-height:1;}

/* Ul Ol Li */
ul,ol { margin:0; padding:0;}
ul ul,ul ol,ol ol,ol ul { margin-bottom:0;}
ul { list-style:disc;}
ol { padding:0 0 0 40px; list-style:decimal;}
li { line-height:30px;}
ul.unstyled,ol.unstyled { margin-left:0; list-style:none;}

dl { margin-bottom:18px;}
dt,dd { line-height:18px;}
dt { font-weight:700; line-height:17px;}
dd { margin-left:9px;}
.dl-horizontal dt { width:120px; text-align:right; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:left; clear:left;}
.dl-horizontal dd { margin-left:130px;}
hr { border:0; border-bottom:1px solid #FFF; border-top:1px solid #EEE; margin:18px 0;}

/* Code */
code,pre { padding:0 3px 2px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; color:#444; font-family:Menlo,Monaco,Consolas,"Courier New",monospace; font-size:12px;}
code { padding:2px 4px; background-color:#F7F7F9; border:1px solid #E1E1E8; color:#D14;}
pre { display:block; margin:0 0 9px; padding:8.5px; line-height:18px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #D0D0D0; background:#F5F5F5; font-size:12.025px; white-space:pre-wrap; word-break:break-all; word-wrap:break-word;}
pre.prettyprint { margin-bottom:18px;}
pre code { padding:0; border:0; background-color:transparent; color:#444;}
.pre-scrollable { max-height:340px; overflow-y:scroll;}

/* Table */
table { border-collapse:collapse; border-spacing:0; max-width:100%;}
.table { margin-bottom:18px; width:100%;}
.table th,.table td { border-top:1px solid #DDD; line-height:18px; padding:8px; text-align:left; vertical-align:top;}
.table th { font-weight:700;}
.table thead th { vertical-align:bottom; background:#F5F5F5;}
.table tbody + tbody { border-top:2px solid #DDD;}

.table_condensed th,.table_condensed td { padding:4px 5px;}

.table_bordered { border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #DDD; border-left:0; border-collapse:collapsed;}
.table_bordered th,.table_bordered td { border-left:1px solid #DDD;}

.table_striped_odd { background:#F9F9F9;}
.table tbody tr:hover td,.table tbody tr:hover th { background:#F5F5F5;}